<template>
	<view class="box">
		<p>
			<span class="left">&lt;</span><span class="font">极速问诊</span>
		</p>
		<image class="img1" src="../../static/u173.png"></image>
		<image class="img" src="../../static/u182.png"></image>
		<image class="img2" src="../../static/u174.png"></image>
		<p class="center">
			<span class="cen-left">20s</span>
			<span>快速匹配专业医生</span>
		</p>
	</view>
</template>

<script>
	export default {
		data(){
			
		},
		methods(){
			
		}
	}
</script>

<style scoped>
	*{
		padding: 0;
		margin: 0;
	}
	.img1{
		border-width: 0rem;
		    position: absolute;
		    left: 0rem;
		    top: 100px;
		    width: 7.375rem;
		    height: 18.625rem;
	}
	.center{
		width: 205px;
		height: 23px;
		position: fixed;
		left: 115px;
		top:455px;
		font-size: 20px;
	}
	.cen-left{
	 color: #6C63FF;
	 padding-right: 20px;
	}
	.left{
		position: fixed;
		left:20px;
		top:40px;
		font-size: 18px;
		font-weight: bold;
	}
	.font{
		position: fixed;
		left:40px;
		top:40px;
		font-size: 18px;
		font-weight: bold;
	}
	.img{
		    position: absolute;
		    left: 9.375rem;
		    top: 6.25rem;
		    width: 5.375rem;
		    height: 5.25rem;
	}
	.img2{
		    border-width: 0rem;
		    position: absolute;
		    left: 15.625rem;
		    top: 100px;
		    width: 8rem;
		    height: 18.625rem;
	}
</style>